@charset "utf-8";
/* CSS Document */
/* 
Client: Push Climbing Club
Date: 5th Dec 2011
Made by Squall Le.
*/

/******** Import fonts ********/

@font-face {
font-family: Rockit;
src: url("fonts/Rockit.eot"); /* EOT for IE */
}

@font-face {
font-family: Rockit;
src: url("fonts/Rockit.ttf"); /* TTF for CSS3 */
}

@font-face {
font-family: Downcome;
src: url("fonts/DOWNCOME.eot"); /* EOT for IE */
}

@font-face {
font-family: Downcome;
src: url("fonts/DOWNCOME.ttf"); /* TTF for CSS3 */
}

@font-face {
font-family: Commercb;
src: url("fonts/commercb.eot"); /* EOT for IE */
}

@font-face {
font-family: Commercb;
src: url("fonts/commercb.ttf"); /* TTF for CSS3 */
}


/******** General Style ********/

body { background:url(images/bg.gif) repeat; margin:0 0 0 0; font-family: "Commercb", Arial, Helvetica, sans-serif; font-size:17px; font-smooth: always; color:#666;}

#top { background-color:#000; height:4px; width:100%; }
#bottom {background-color:#000; height:85px; width:100%; color:#999; font-size:15px; text-align:center; border-top:2px #999 solid; margin-top:20px; padding-top:15px;}
#bottom a {color:#FFF; text-decoration:underline;}
#bottom a:hover {text-decoration:none;}

#wrapper { width:960px; margin:auto; }

.clear {clear:both;}
.shadow { -moz-box-shadow: 3px 3px 3px #999999; -webkit-box-shadow: 3px 3px 3px #999999; box-shadow: 3px 3px 3px #999999; margin:0 10px 0 0;}
.text {padding:0 10px 0 10px;}

a { text-decoration:none; color:#000;}
a:hover {text-decoration:underline; color:#990000;}
a img { border: 0; }
p  { font-family:"Commercb", Arial, Helvetica, sans-serif; margin:10px 0 10px 0; padding:0 0 0 0; font-weight:normal;}
h2 { font-family:"Commercb", Arial, Helvetica, sans-serif; font-size:20px; text-transform:uppercase; margin:10px 0 10px 0; padding:0; color:#000; font-weight:normal;}
hr { padding:0; margin-top:10px;}

/******** Header Style ********/

#logo { float:left; margin-top:10px; margin-left:0px; display:inline; }
#logo a { display:block; background: url(images/logo.gif) no-repeat center; width:91px; height:117px; font-size:0px;}
#header {height:150px; width:100%; position:relative; margin-bottom:5px; background:url(images/header_brush.png) no-repeat left top;}
#language { position:absolute; top:10px; right:0px;}
#language a {}
#build_butt {float:right; margin-top:50px;}


/******** Navigation Style ********/

#navi {font-family: "Rockit", Arial, Helvetica, sans-serif; font-size:10px; background:url(images/nav_bg.gif) repeat; border: solid #CCC 1px; width:958px; height:46px; z-index:1; margin-bottom:3px;}
#nav_login {background-color:#ff3333; padding-top:10px; padding-bottom:9px;}
#menu {}
#menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
#menu li {display: inline; margin-right:4px; position:relative;}
#menu ul li a {padding: 10px 15px 9px 15px; height:46px; color:#666; line-height:1.8; text-shadow: 1px 1px white, 0px -1px #333333; color:#666666;}
#menu a:hover {background-color:#cc0000; color:#FFF; text-decoration:underline; text-shadow:#666666 0.1em 0.1em 0.3em;}
#menu li.current a { background-color:#cc0000; color:#FFF; text-shadow:#666666 0.1em 0.1em 0.3em;}
#menu li.current a:hover {text-decoration:none;}
#menu li.current span.point {position:absolute; left:37%; bottom:-130%; width:100%; height:100%; background: url(images/nav_current.png) no-repeat;}
#menu li span {font-size:25px;}

/******** Slider Style ********/

#slider {width:960px; height:276px; background:url(images/slider.gif) no-repeat center;}
#slider_img {padding:17px 4px 10px 0;}



/******** Content Style ********/

#content {margin-top:3px; padding:10px 15px 30px 15px; background:url(images/body_bg.gif); border:solid 1px #CCC;}
#prices {margin-bottom:20px;}
#prices .four_col {background:url(images/panel_bg.gif); border:#CCC solid 1px; margin-top:10px; padding:10px 10px 10px 10px;}
#prices .four_col_one {float:left; width:205px; padding:0 10px 0 10px; border-right:solid 1px #CCC;}
#prices .four_col_last {float:left; width:207px; padding:0 10px 0 10px;}
.price_title {color:#fff; font-size:17px; text-transform:uppercase; margin-bottom:5px; padding-bottom:3px; text-align:right; padding-right:6px; padding-top:1px;}
.price_content {border-top:solid 1px #CCC; padding-top:5px;}
.title {font-family: "Rockit", Arial, Helvetica, sans-serif; font-size:10px; color:#ff3333; border-bottom:dotted #666 2px; text-shadow: 1px 1px white, 0px -1px #333333; padding:5px 0 5px 0; margin:5px 0 5px 0;}

#content .two_col {margin-top:30px; margin-bottom:30px;}
#content .col_left {float:left; width:610px; margin-right:20px;}
#content .col_right {float:left; width:278px; margin-left:20px;}

.map {margin:15px 0 10px 0;}

.body_content{background:url(images/panel_bg.gif); border:solid 1px #CCC; padding:10px 20px 10px 20px; margin-top:15px;}

.trip_img {margin:0px 0 5px 0; padding-bottom:10px; border-bottom:1px solid #ccc;}
.trip_title {font-size:18px; color:#333; float:left;}
.trip_date {float:right; font-size:14px; text-decoration:underline; padding-top:3px;}


/******** Left Content Style ********/

#left_panel {float:left; width:593px; padding-right:20px; border-right:1px solid #ccc;}
.img_panel img {margin:10px 5px 5px 10px; border:solid 1px #999;}



/******** Sidebar Style ********/

#sidebar {float:left; width:294px; margin-left:20px;}
.sidebar_panel {margin-bottom:30px;}
.sidebar_content {background:url(images/panel_bg.gif); border:solid 1px #CCC; padding:10px 10px 10px 10px; margin-top:15px;}
.sidebar_content p {margin:5px 5px 5px 5px;}

.matterial {background:url(images/panel_bg.gif); border:solid 1px #CCC; padding:10px 10px 10px 10px; margin-top:15px;}
.matterial_title {font-size:18px; margin-bottom:5px; color:#333;}
.matterial_price {color:#990000; font-size:20px; margin-top:5px; float:left;}
.matterial_img {border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; padding:10px 0 10px 0;}
.matterial_size {float:right; font-size:15px; text-decoration:underline; padding-top:8px;}


/******** Gallery Style ********/

.go_utube {margin-top:20px;}
.gallery_photo { margin-top:5px; padding:0px 0 10px 0;}
.gallery_photo img {padding:7px 7px 7px 7px; margin:10px 5px 10px 5px; background:url(images/panel_bg.gif); border:1px solid #ccc;}



/******** Form Style ********/

.sidebar_panel form {padding:10px 10px 10px 10px;}
.sidebar_panel label {color:#333; text-transform:uppercase;}
.sidebar_panel form input.text { color:#000; width:95%; border:1px solid #999; margin-top:5px; margin-bottom:5px; padding:2px 5px 2px 5px; height:25px; background:#ccc; }
.sidebar_panel form input.button {margin-left:125px; padding-top:10px;}
.sidebar_panel form select {width:100%; height:30px; margin:5px 0 5px 0; font-size:15px;}

.body_content form label {color:#333; text-transform:uppercase;}
.body_content form input.text {width:95%; background-color:#CCC; border:1px solid #999; margin:8px 0 8px 0; height:25px;}
.body_content form input.text_1 {width:70%; background-color:#CCC; border:1px solid #999;}
.body_content form input.text_2 {width:95%;}
.body_content form input.text_3 {width:95%; background-color:#CCC; border:1px solid #999;}
.body_content form input.button {margin-left:400px; padding-top:15px;}
.contact_form {margin-top:10px; margin-bottom:10px;}
.contact_form form input.button {margin-left:427px; padding-top:15px;}
.contact_form textarea {background:#CCC; border:solid 1px #999; width:98%; margin-top:8px;}

.service_table {font-size:15px;}
.service_table th {color:#fff; text-transform:uppercase; padding:2px 5px 2px 5px;}
.service_table td {color:#333; padding:1px 5px 1px 5px;}


/******** Product Style ********/

.product_of_day {background:url(images/panel_bg.gif); border:solid 1px #CCC; margin-top:15px; position:relative; padding:10px 10px 10px 10px;}
.hot_ribbon {position:absolute; top:-6px; right:-6px;}
.product_title {font-size:20px; margin-bottom:5px;}
.product_price {color:#990000;}
.product_img {border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; padding:15px 0 15px 0;}
.product_info {margin:10px 0 10px 0;}
.shopping_butt {float:right; margin-top:10px;}

#category {border-top:double #CCCCCC; border-bottom:double #ccc; font-size:18px; padding:10px 0 10px 0; margin:10px 10px 10px 10px;}
#category ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
#category li {display: inline; margin:10px 8px 10px 8px;}
#category ul li a {color:#666666; padding:5px 10px 5px 10px;}
#category a:hover {color:#FFF; background-color:#CCCCCC; text-decoration:none; }
#category li.current a { background-color:#CCCCCC; color:#FFF;}
#category li.current a:hover {text-decoration:none;}

#product_wrap {padding:10px 10px 10px 10px;}
#product_wrap .product_panel {width:243px; float:left; background:url(images/panel_bg.gif); border:1px solid #ccc; padding:10px 10px 10px 10px; margin:10px 10px 10px 10px;}
#product_wrap .product_info {margin:10px 0 10px 0; border-bottom:1px solid #ccc;}
#product_wrap .add_butt {float:right;}

.shopping_cart {border-top:1px solid #ccc; padding-top:5px; margin-top:5px;}
.shopping_cart table th { border-top:thin solid #ccc; padding:5px 0px 5px 0px; text-transform:uppercase; color:#990000; }

.next_back {border-top:1px solid #ccc; margin-top:10px; padding-top:10px;}
.next_back span {margin:0 20px 0 20px;}



/******** Footer Style ********/

#footer {padding:10px 15px 20px 15px; width:928px; border:solid 1px #CCC; margin-top:3px; background:url(images/body_bg.gif);}
#footer a {}
#footer a:hover {}
#footer.four_col {}
#footer .four_col_one {float:left; width:211px; padding:0 10px 0 10px; border-right:solid 1px #CCC;}
#footer .four_col_last {float:left; width:212px; padding:0 10px 0 10px;}
.footer_title {color:#990000; font-size:17px; text-transform:uppercase; margin-bottom:5px; border-bottom:solid 1px #CCC; padding-bottom:3px;}
.footer_content p {}

